<template>
  <div class="info-container">
    <div class="info-content">
      {{ propJobItem.jobDescription }}(DL-Delivery)
      <br />
      @{{ propJobItem.projectLocation }} {{ propJobItem.contactPerson }}
      <br />
      Contact: Mr.{{ propJobItem.assignTo }} @{{ propJobItem.tel }}
    </div>
    <div class="info-content">
      {{ propJobItem.remarks }}
    </div>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
@Component({
  props: {
    jobItem: {
      type: Object,
      default: () => ({}),
    },
  },
})
export default class JobsItemInfo extends Vue {
  get propJobItem() {
    return this.$props.jobItem;
  }
}
</script>

<style lang="scss">
@import "@/components/Project/Jobs/JobsItemInfo.scss";
</style>
